<!DOCTYPE html>
<head xmlns:th="http://www.thymeleaf.org">
  <title>我的订单</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="keywords" content=""/>
  <script type="application/x-javascript"> addEventListener("load", function () {
    setTimeout(hideURLbar, 0);
  }, false);

  function hideURLbar() {
    window.scrollTo(0, 1);
  } </script>
  <!-- bootstrap-css -->
  <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
  <!-- //bootstrap-css -->
  <!-- Custom CSS -->
  <link th:href="@{/css/style.css}" rel='stylesheet' type='text/css'/>
  <link th:href="@{/css/style-responsive.css}" rel="stylesheet"/>
  <!-- font CSS -->
  <link href='@/http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic'
        rel='stylesheet' type='text/css'>
  <!-- font-awesome icons -->
  <link rel="stylesheet" th:href="@{/css/font.css}" type="text/css"/>
  <link th:href="@{/css/font-awesome.css}" rel="stylesheet">
  <!-- //font-awesome icons -->
  <script src="js/jquery2.0.3.min.js"></script>
</head>
<body>
<section id="container">
  <!--header start-->
  <header class="header fixed-top clearfix">
    <!--logo start-->
    <div class="brand">

      <a href="index.html" class="logo">
        高铁售票系统
      </a>
      <div class="sidebar-toggle-box">
        <div class="fa fa-bars"></div>
      </div>
    </div>
    <!--logo end-->

    <div class="nav notify-row" id="top_menu">
      <!--  notification start -->
      <ul class="nav top-menu">
        <!-- settings start -->
        <li class="dropdown">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <i class="fa fa-tasks"></i>
            <span class="badge bg-success">8</span>
          </a>
          <ul class="dropdown-menu extended tasks-bar">
            <li>
              <p class="">You have 8 pending tasks</p>
            </li>
            <li>
              <a href="#">
                <div class="task-info clearfix">
                  <div class="desc pull-left">
                    <h5>Target Sell</h5>
                    <p>25% , Deadline 12 June’13</p>
                  </div>
                  <span class="notification-pie-chart pull-right" data-percent="45">
                            <span class="percent"></span>
                            </span>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="task-info clearfix">
                  <div class="desc pull-left">
                    <h5>Product Delivery</h5>
                    <p>45% , Deadline 12 June’13</p>
                  </div>
                  <span class="notification-pie-chart pull-right" data-percent="78">
                            <span class="percent"></span>
                            </span>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="task-info clearfix">
                  <div class="desc pull-left">
                    <h5>Payment collection</h5>
                    <p>87% , Deadline 12 June’13</p>
                  </div>
                  <span class="notification-pie-chart pull-right" data-percent="60">
                            <span class="percent"></span>
                            </span>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="task-info clearfix">
                  <div class="desc pull-left">
                    <h5>Target Sell</h5>
                    <p>33% , Deadline 12 June’13</p>
                  </div>
                  <span class="notification-pie-chart pull-right" data-percent="90">
                            <span class="percent"></span>
                            </span>
                </div>
              </a>
            </li>

            <li class="external">
              <a href="#">See All Tasks</a>
            </li>
          </ul>
        </li>
        <!-- settings end -->
        <!-- inbox dropdown start-->
        <li id="header_inbox_bar" class="dropdown">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <i class="fa fa-envelope-o"></i>
            <span class="badge bg-important">4</span>
          </a>
          <ul class="dropdown-menu extended inbox">
            <li>
              <p class="red">You have 4 Mails</p>
            </li>
            <li>
              <a href="#">
                <span class="photo"><img alt="avatar" src="images/3.png"></span>
                <span class="subject">
                                <span class="from">Jonathan Smith</span>
                                <span class="time">Just now</span>
                                </span>
                <span class="message">
                                    Hello, this is an example msg.
                                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="photo"><img alt="avatar" src="images/1.png"></span>
                <span class="subject">
                                <span class="from">Jane Doe</span>
                                <span class="time">2 min ago</span>
                                </span>
                <span class="message">
                                    Nice admin template
                                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="photo"><img alt="avatar" src="images/3.png"></span>
                <span class="subject">
                                <span class="from">Tasi sam</span>
                                <span class="time">2 days ago</span>
                                </span>
                <span class="message">
                                    This is an example msg.
                                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <span class="photo"><img alt="avatar" src="images/2.png"></span>
                <span class="subject">
                                <span class="from">Mr. Perfect</span>
                                <span class="time">2 hour ago</span>
                                </span>
                <span class="message">
                                    Hi there, its a test
                                </span>
              </a>
            </li>
            <li>
              <a href="#">See all messages</a>
            </li>
          </ul>
        </li>
        <!-- inbox dropdown end -->
        <!-- notification dropdown start-->
        <li id="header_notification_bar" class="dropdown">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">

            <i class="fa fa-bell-o"></i>
            <span class="badge bg-warning">3</span>
          </a>
          <ul class="dropdown-menu extended notification">
            <li>
              <p>Notifications</p>
            </li>
            <li>
              <div class="alert alert-info clearfix">
                <span class="alert-icon"><i class="fa fa-bolt"></i></span>
                <div class="noti-info">
                  <a href="#"> Server #1 overloaded.</a>
                </div>
              </div>
            </li>
            <li>
              <div class="alert alert-danger clearfix">
                <span class="alert-icon"><i class="fa fa-bolt"></i></span>
                <div class="noti-info">
                  <a href="#"> Server #2 overloaded.</a>
                </div>
              </div>
            </li>
            <li>
              <div class="alert alert-success clearfix">
                <span class="alert-icon"><i class="fa fa-bolt"></i></span>
                <div class="noti-info">
                  <a href="#"> Server #3 overloaded.</a>
                </div>
              </div>
            </li>

          </ul>
        </li>
        <!-- notification dropdown end -->
      </ul>
      <!--  notification end -->
    </div>
    <div class="top-nav clearfix">
      <!--search & user info start-->
      <ul class="nav pull-right top-menu">
        <li>
          <input type="text" class="form-control search" placeholder=" Search">
        </li>
        <!-- user login dropdown start-->
        <li class="dropdown">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <img alt="" src="images/yiui.png">
            <span class="username">[[${session.admin}]]</span>
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu extended logout">
            <li><a href="#"><i class=" fa fa-suitcase"></i>个人信息</a></li>
            <li><a href="#"><i class="fa fa-cog"></i>设置</a></li>
            <li><a href="/login"><i class="fa fa-key"></i>退出登录</a></li>
          </ul>
        </li>
        <!-- user login dropdown end -->

      </ul>
      <!--search & user info end-->
    </div>
  </header>
  <!--header end-->
  <!--main content start-->
  <section id="main-content">
    <section class="wrapper">
      <div class="table-agile-info">
        <div class="panel panel-default">
          <div class="panel-heading">
            我的出行
          </div>
          <div class="row w3-res-tb" style="display: flex">
          </div>
          <div class="table-responsive">
            <table class="table table-striped b-t b-light">
              <thead>
              <tr>
                <th>订单编号</th>
                <th>车次号</th>
                <th>乘客身份证号</th>
                <th>出行日期</th>
                <th style="width:40px;"></th>
                <th style="width:40px;"></th>
              </tr>
              </thead>
              <tbody>
              <tr th:each="wares:${myodrArr}">
                <td>[[${wares.order_id}]]</td>
                <td>[[${wares.car_id}]]</td>
                <td>[[${wares.user_idcard}]]</td>
                <td>[[${wares.daytime}]]</td>
                <td>
                  <a th:href="@{/my_order_del}+${wares.order_id}" class="active" ui-toggle-class=""><i
                          class="fa fa-times text-danger text"></i></a>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
          <footer class="panel-footer">
            <div class="row">
            </div>
          </footer>
        </div>
      </div>
    </section>
  </section>

  <!--main content end-->
</section>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.dcjqaccordion.2.7.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery.slimscroll.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/flot-chart/excanvas.min.js"></script><![endif]-->
<script src="js/jquery.scrollTo.js"></script>
<script>
  const addBtn = document.querySelector('#addBtn');
  // console.log(addBtn)
  addBtn.onclick = function () {
    const addForm = document.querySelector('#addForm')
    if (addForm.style.display == "none") {
      addForm.style.display = "block"
    } else {
      addForm.style.display = "none"
    }


  }

</script>
</body>
</html>
